@charset "UTF-8";

$borderColor: #BBB;

.bdp-menu {
	display: inline;

	.bdp-menu-list {
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
		list-style: none;
		border: 1px solid $borderColor;
		background: #FFF;
		z-index: 2000;
		text-align: left;
		font-size: 14px;
		visibility: hidden;

		&.active {
			visibility: visible;
		}

		> li {
			padding: 2px 20px 3px 10px;
			cursor: default;
			color: #000;
			user-select: none;
			white-space: nowrap;

			&:not(.disabled):hover {
				background: #f4f4f4;
			}

			&.disabled {
				color: #999;
			}

			&.split {
				border-top: 1px solid lighten($borderColor, 10%);
				padding: 0;
				height: 0;
				overflow: hidden;
			}

			&.hasIcon {
				.btn-menu-title {
					margin: 0 0 0 20px;
				}
			}

			.bdp-menu-icon {
				display: inline-block;
				width: 12px;
				text-align: center;
				float: left;
				margin-top: 3px;
			}

			.btn-menu-title {
				position: relative;

				.bdp-menu-title-caret {
					position: absolute;
					right: -13px;
					top: 4px;
				}
			}
		}
	}
}
